define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) {

    var Controller = {
        index: function () {
            // //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
                var that = this;
                setTimeout(function () {
                    var id = $(that).attr("href");
                    var chart = Echarts.getInstanceByDom($(id)[0]);
                    chart.resize();
                }, 0);
            });

            Table.api.init({
                extend: {
                    index_url: 'data/analysis/index',
                    add_url: '',
                    edit_url: '',
                    multi_url: '',
                }
            });


            var table = $("#table");
            // // 初始化表格
            // table.bootstrapTable({
            //     url: $.fn.bootstrapTable.defaults.extend.index_url,
            //     searchFormVisible: true,
            //     searchFormTemplate: 'customformtpl',
            //     columns: [
            //         [
            //             {field: 'id', title: 'ID'},
            //             {field: 'shop_name', title: __('店铺')},
            //             {field: 'total_amount', title: __('总金额'), operate: false},
            //             {field: 'book_amount', title: __('棋牌')},
            //             {field: 'tq_amount', title: __('台球'),},
            //             {field: 'create_time', title: __('时间'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
            //         ]
            //     ],
            // });

            // 为表格绑定事件
            Table.api.bindevent(table);


            // 基于准备好的dom，初始化echarts实例
            var lineChart = Echarts.init(document.getElementById('line-chart'), 'walden');

            // 指定图表的配置项和数据
            $.ajax({
                url: "/api/admin/index/tradeDay",
                type: "POST",
                data: {type: 'amount'},
                dataType: "json",
                success: function (result) {

                    var option = {
                        xAxis: {
                            type: 'category',
                            data: result.data.x
                        },
                        yAxis: {
                            type: 'value'
                        },
                        series: [{
                            data: result.data.y,
                            type: 'line',
                            itemStyle: {normal: {label: {show: true}}}

                        }]
                    };
                    // 使用刚指定的配置项和数据显示图表。
                    lineChart.setOption(option);

                }
            });


            // 基于准备好的dom，初始化echarts实例
            var areaChart = Echarts.init(document.getElementById('area-chart'), 'walden');

            // 指定图表的配置项和数据
            $.ajax({
                url: "/api/admin/index/tradeDay",
                type: "POST",
                data: {type: 'profit'},
                dataType: "json",
                success: function (result) {

                    var option = {
                        xAxis: {
                            type: 'category',
                            data: result.data.x
                        },
                        yAxis: {
                            type: 'value'
                        },
                        series: [{
                            data: result.data.y,
                            type: 'line',
                            itemStyle: {normal: {label: {show: true}}}

                        }]
                    };
                    // 使用刚指定的配置项和数据显示图表。
                    areaChart.setOption(option);

                }
            });


            $('#btn').click(function () {
                var shop_id = $("#shop_id").val();
                var date = $("#date").val();
                if(date === ''){
                    alert('需要选择具体日期');
                    return false;
                }
                if(shop_id === ''){
                    alert('需要选择具体店铺');
                    return false;
                }

                $.ajax({
                    url: "/admin/data/analysis/ajaxData",
                    type: "POST",
                    data: {"shop_id": shop_id, "date": date},
                    dataType: "json",
                    success: function (result) {
                        var roomList = result.roomList;
                        $("#table tr:not(:first)").empty();
                        $.each(roomList, function (i, n) {  //回显到表格

                            var content = '<tr><td>'+n.name+'</td><td>'+n.amount+'</td><td>'+n.total+'</td></tr>'
                            $('#table').append(content);
                        });

                    }
                });

            });

            // 重置后表格清零
            $('#reset').click(function () {
                $("#table tr:not(:first)").empty();
                $('#table').refresh();
            });

            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});
